// 头部
.header{

    .left{
        float: left;
    }

    .right{
        float: right;
    }
}

// content部分
.main{
    // vh和vw是视口高度和宽度
    // 64px 和 65px 分别是头部和底部的高度
    min-height: calc(100vh - 64px - 65px);
}

// 底部
.footer{
    text-align: center;
    background-color: #f7f7f7;
    border-top: 1px solid #e8e8e8;
}